<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登录页面</title>
	<link rel="stylesheet" href="css/login.css">
</head>
<style>
	label.error{
	  color: red;
	  margin-left: -80px;
	  font-size: 12px;
	}
  </style>
<body>
	<div class="allpage">
		<div class="head">
			<a href="index.html"><img src="images/head-logo.png"></a>
		</div>
		<div class="content">
			<div class="banner">
				<img src="images/login-banner.jpg">
				<a href="#"></a>
			</div>
			<div class="form-box">
				<div class="form-one form" >
					<div class="tab-but-one tab iconfont icon-erweima">
					</div>
					<form class="logForm" action="">
						<div class="title">密码登陆</div>
						<div class="username input">
							<input class="ys" type="text" name="username" placeholder="请输入登录名称">
							<div class="icon"><i class="iconfont icon-yonghuming"></i></div>
						</div>
						<div class="password input">
							<input class="ys" type="password" name="password" placeholder="请输入登录密码">
							<div class="icon"><i class="iconfont icon-mima"></i></div>
						</div>
						<div class="submit">
							<input type="submit" class="but btn1" value="登  陆">
						</div>
						<div class="link">
							<a href="register.html" target="_Blank">免费注册</a>
							<a href="#">忘记会员名</a>
							<a href="#">忘记密码</a>
						</div>
					</form>
				</div>

				<div class="form-two">
					<div class="tab-but-two tab iconfont icon-diannao">
					</div>
					<div class="title">手机扫码，安全登陆</div>
					<div class="QRcode"><img src="images/QRcode.png"></div>
					<div class="form-two-content">
						<div class="content-icon iconfont icon-saoma"></div>
						<div class="text">打开 <a href="#">手机天猫</a> | <a href="#">手机淘宝</a> 扫一扫登录</div>
					</div>
					<div style="clear: both;"></div>
					<div class="link">
						<a href="register.html" target="_Blank">免费注册</a>
						<a href="#" class="tab-but-two">密码登陆</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<div class="foot">
		<p class="foot-linkfo">
			<a href="#">关于天猫</a>
			<a href="#">帮助中心</a>
			<a href="#">开放平台</a>
			<a href="#">诚聘英才</a>
			<a href="#">联系我们</a>
			<a href="#">网站合作</a>
			<a href="#">法律申明</a>
			<a href="#">隐私权政策</a>
			<a href="#">廉正举报</a>
			<a href="#">规则意见征集</a>
		</p>

		<p class="foot-Otherlink">
			<a href="#">阿里巴巴集团</a><span>|</span>
			<a href="#">淘宝网</a><span>|</span>
			<a href="#">天猫</a><span>|</span>
			<a href="#">聚划算</a><span>|</span>
			<a href="#">全球速卖通</a><span>|</span>
			<a href="#">阿里巴巴国际交易市场</a><span>|</span>
			<a href="#">1688</a><span>|</span>
			<a href="#">阿里妈妈</a><span>|</span>
			<a href="#">飞猪</a><span>|</span>
			<a href="#">阿里云计算</a><span>|</span>
			<a href="#">AliOS</a><span>|</span>
			<a href="#">阿里通信</a><span>|</span>
			<a href="#">万网</a><span>|</span>
			<a href="#">高德</a><span>|</span>
			<a href="#">UC</a><span>|</span>
			<a href="#">友盟</a><span>|</span>
			<a href="#">虾米</a><span>|</span>
			<a href="#">钉钉</a><span>|</span>
			<a href="#">支付宝</a>
		</p>

		<div class="foot-bottom">
			增值电信业务经营许可证：<a href="#">浙B2-20110446</a>网络文化经营许可证：<a href="#">浙网文[2015]0295-065号</a><a href="#"> 12318举报</a><a href="#"> 出版物网络交易平台服务经营备案证： 新出发浙备字第001号</a><br><a href="#">互联网违法和不良信息举报电话：0571-81683755 blxxjb@alibaba-inc.com </a>互联网药品信息服务资质证书编号：<a href="#">浙-（经营性）-2017-0005</a>
			<a href="#"><img src="images/police.png">&nbsp;浙公网安备 33010002000120号</a><br>
			（浙）网械平台备字[2018]第00002号<br>
			<span>© 2003-2018 TMALL.COM 版权所有</span>
		</div>
	</div>

	<script src="./js/jquery-3.6.0.min.js"></script>
	<script src="js/layer/dist/layer.js"></script>
	<script src="./js/utils.js"></script>
	<script src="./js/validation/jquery.validate.js"></script>
	<script src="./js/login.js"></script>
	<script type="text/javascript">
		$(function(){
			var hiden = {
				'transform':'rotate(0deg)',
				'opacity':'0',
				'transition':'all 0.5s',
			}
			var show = {
				'transform':'rotate(360deg)',
				'opacity':'1',
				'transition':'all 0.5s',
			}
			$(".tab-but-two").click(function(){
				$(".form-one").css(hiden);
				setTimeout(function(){
					$(".form-two").css("display","none");
					$(".form-one").css("display","block");
					setTimeout(function(){$(".form-one").css(show);},50);

				}, 200);
			})

			$(".tab-but-one").click(function(){
				$(".form-one").css(hiden);
				setTimeout(function(){
					$(".form-one").css("display","none");
					$(".form-two").css("display","block");
					setTimeout(function(){$(".form-two").css(show);},50);

				}, 200);
			})

			// 
			
		})
	</script>
</body>
</html>